<!--# 
layout("/layout/default.html",{"menu":["settings",""],"breadcrumbs":[{"name":"信息设置"}]}){ 
 #-->
<link rel="stylesheet" href="${base!}/resources/ace/css/bootstrap-editable.css" />
<div id="user-profile-2" class="user-profile">
	<div class="tabbable">
		<ul class="nav nav-tabs padding-18">
			<li class="active"><a data-toggle="tab" href="#home" aria-expanded="true"> <i class="green ace-icon fa fa-user bigger-120"></i> 我的信息
			</a></li>

			<li class=""><a data-toggle="tab" href="#feed" aria-expanded="false"> <i class="orange ace-icon fa fa-rss bigger-120"></i> 活动反馈
			</a></li>

			<li class=""><a data-toggle="tab" href="#friends" aria-expanded="false"> <i class="blue ace-icon fa fa-users bigger-120"></i> 我的好友
			</a></li>

			<li><a data-toggle="tab" href="#pictures"> <i class="pink ace-icon fa fa-picture-o bigger-120"></i> 我的图片
			</a></li>
		</ul>

		<div class="tab-content no-border padding-24">
			<div id="home" class="tab-pane active">
				<div class="row">
					<div class="col-xs-12 col-sm-3 center">
						<span class="profile-picture"> <img class="editable img-responsive" alt="Alex's Avatar" id="avatar2" src="${base!}/resources/ace/avatars/profile-pic.jpg">
						</span>

						<div class="space space-4"></div>
					</div>
					<!-- /.col -->

					<div class="col-xs-12 col-sm-9">
						<h4 class="blue">
							<span class="middle">${obj.data.user.name!}</span> <span class="label label-purple arrowed-in-right"> <i class="ace-icon fa fa-circle smaller-80 align-middle"></i> 在线
							</span>
						</h4>

						<div class="profile-user-info">
							<div class="profile-info-row">
								<div class="profile-info-name">用户名</div>

								<div class="profile-info-value">
									<span>alexdoe</span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">Location</div>

								<div class="profile-info-value">
									<i class="fa fa-map-marker light-orange bigger-110"></i> <span>Netherlands</span> <span>Amsterdam</span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">Age</div>

								<div class="profile-info-value">
									<span>38</span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">Joined</div>

								<div class="profile-info-value">
									<span>2010/06/20</span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">Last Online</div>

								<div class="profile-info-value">
									<span>3 hours ago</span>
								</div>
							</div>
						</div>

						<div class="hr hr-8 dotted"></div>

						<div class="profile-user-info">
							<div class="profile-info-row">
								<div class="profile-info-name">Website</div>

								<div class="profile-info-value">
									<a href="#" target="_blank">www.alexdoe.com</a>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">
									<i class="middle ace-icon fa fa-facebook-square bigger-150 blue"></i>
								</div>

								<div class="profile-info-value">
									<a href="#">Find me on Facebook</a>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">
									<i class="middle ace-icon fa fa-twitter-square bigger-150 light-blue"></i>
								</div>

								<div class="profile-info-value">
									<a href="#">Follow me on Twitter</a>
								</div>
							</div>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->

				<div class="space-20"></div>

				<div class="row">
					<div class="col-xs-12 col-sm-6">
						<div class="widget-box transparent">
							<div class="widget-header widget-header-small">
								<h4 class="widget-title smaller">
									<i class="ace-icon fa fa-check-square-o bigger-110"></i> Little About Me
								</h4>
							</div>

							<div class="widget-body">
								<div class="widget-main">
									<p>My job is mostly lorem ipsuming and dolor sit ameting as long as consectetur adipiscing elit.</p>
									<p>Sometimes quisque commodo massa gets in the way and sed ipsum porttitor facilisis.</p>
									<p>The best thing about my job is that vestibulum id ligula porta felis euismod and nullam quis risus eget urna mollis ornare.</p>
									<p>Thanks for visiting my profile.</p>
								</div>
							</div>
						</div>
					</div>

					<div class="col-xs-12 col-sm-6">
						<div class="widget-box transparent">
							<div class="widget-header widget-header-small header-color-blue2">
								<h4 class="widget-title smaller">
									<i class="ace-icon fa fa-lightbulb-o bigger-120"></i> My Skills
								</h4>
							</div>

							<div class="widget-body">
								<div class="widget-main padding-16">
									<div class="clearfix">
										<div class="grid3 center">
											<!-- #section:plugins/charts.easypiechart -->
											<div class="easy-pie-chart percentage" data-percent="45" data-color="#CA5952" style="height: 72px; width: 72px; line-height: 71px; color: rgb(202, 89, 82);">
												<span class="percent">45</span>%
												<canvas height="72" width="72"></canvas>
											</div>

											<!-- /section:plugins/charts.easypiechart -->
											<div class="space-2"></div>
											Graphic Design
										</div>

										<div class="grid3 center">
											<div class="center easy-pie-chart percentage" data-percent="90" data-color="#59A84B" style="height: 72px; width: 72px; line-height: 71px; color: rgb(89, 168, 75);">
												<span class="percent">90</span>%
												<canvas height="72" width="72"></canvas>
											</div>

											<div class="space-2"></div>
											HTML5 &amp; CSS3
										</div>

										<div class="grid3 center">
											<div class="center easy-pie-chart percentage" data-percent="80" data-color="#9585BF" style="height: 72px; width: 72px; line-height: 71px; color: rgb(149, 133, 191);">
												<span class="percent">80</span>%
												<canvas height="72" width="72"></canvas>
											</div>

											<div class="space-2"></div>
											Javascript/jQuery
										</div>
									</div>

									<div class="hr hr-16"></div>

									<!-- #section:pages/profile.skill-progress -->
									<div class="profile-skills">
										<div class="progress">
											<div class="progress-bar" style="width:80%">
												<span class="pull-left">HTML5 &amp; CSS3</span> <span class="pull-right">80%</span>
											</div>
										</div>

										<div class="progress">
											<div class="progress-bar progress-bar-success" style="width:72%">
												<span class="pull-left">Javascript &amp; jQuery</span> <span class="pull-right">72%</span>
											</div>
										</div>

										<div class="progress">
											<div class="progress-bar progress-bar-purple" style="width:70%">
												<span class="pull-left">PHP &amp; MySQL</span> <span class="pull-right">70%</span>
											</div>
										</div>

										<div class="progress">
											<div class="progress-bar progress-bar-warning" style="width:50%">
												<span class="pull-left">Wordpress</span> <span class="pull-right">50%</span>
											</div>
										</div>

										<div class="progress">
											<div class="progress-bar progress-bar-danger" style="width:38%">
												<span class="pull-left">Photoshop</span> <span class="pull-right">38%</span>
											</div>
										</div>
									</div>

									<!-- /section:pages/profile.skill-progress -->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- /#home -->

			<div id="feed" class="tab-pane">
				<div class="profile-feed row">
					<div class="col-sm-6">
						<div class="profile-activity clearfix">
							<div>
								<img class="pull-left" alt="Alex Doe's avatar" src="${base!}/resources/ace/avatars/avatar5.png"> <a class="user" href="#"> Alex Doe </a> changed his profile photo. <a href="#">Take
									a look</a>

								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> an hour ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<img class="pull-left" alt="Susan Smith's avatar" src="${base!}/resources/ace/avatars/avatar1.png"> <a class="user" href="#"> Susan Smith </a> is now friends with Alex Doe.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 2 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-check btn-success no-hover"></i> <a class="user" href="#"> Alex Doe </a> joined <a href="#">Country Music</a> group.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 5 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-picture-o btn-info no-hover"></i> <a class="user" href="#"> Alex Doe </a> uploaded a new photo. <a href="#">Take a look</a>

								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 5 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<img class="pull-left" alt="David Palms's avatar" src="${base!}/resources/ace/avatars/avatar4.png"> <a class="user" href="#"> David Palms </a> left a comment on Alex's wall.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 8 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>
					</div>
					<!-- /.col -->

					<div class="col-sm-6">
						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-pencil-square-o btn-pink no-hover"></i> <a class="user" href="#"> Alex Doe </a> published a new blog post. <a href="#">Read now</a>

								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 11 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<img class="pull-left" alt="Alex Doe's avatar" src="${base!}/resources/ace/avatars/avatar5.png"> <a class="user" href="#"> Alex Doe </a> upgraded his skills.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 12 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-key btn-info no-hover"></i> <a class="user" href="#"> Alex Doe </a> logged in.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 12 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-power-off btn-inverse no-hover"></i> <a class="user" href="#"> Alex Doe </a> logged out.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 16 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>

						<div class="profile-activity clearfix">
							<div>
								<i class="pull-left thumbicon fa fa-key btn-info no-hover"></i> <a class="user" href="#"> Alex Doe </a> logged in.
								<div class="time">
									<i class="ace-icon fa fa-clock-o bigger-110"></i> 16 hours ago
								</div>
							</div>

							<div class="tools action-buttons">
								<a href="#" class="blue"> <i class="ace-icon fa fa-pencil bigger-125"></i>
								</a> <a href="#" class="red"> <i class="ace-icon fa fa-times bigger-125"></i>
								</a>
							</div>
						</div>
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->

				<div class="space-12"></div>

				<div class="center">
					<button type="button" class="btn btn-sm btn-primary btn-white btn-round">
						<i class="ace-icon fa fa-rss bigger-150 middle orange2"></i> <span class="bigger-110">View more activities</span> <i class="icon-on-right ace-icon fa fa-arrow-right"></i>
					</button>
				</div>
			</div>
			<!-- /#feed -->

			<div id="friends" class="tab-pane">
				<!-- #section:pages/profile.friends -->
				<div class="profile-users clearfix">
					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar4.png" alt="Bob Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-online"></span> Bob Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Content Editor</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i> <span class="green"> 20 mins ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar1.png" alt="Rose Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-offline"></span> Rose Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Graphic Designer</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i> <span class="grey"> 30 min ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar.png" alt="Jim Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-busy"></span> Jim Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">SEO &amp; Advertising</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 red"></i> <span class="grey"> 1 hour ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar5.png" alt="Alex Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-idle"></span> Alex Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Marketing</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i> <span class=""> 40 minutes idle </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar2.png" alt="Phil Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-online"></span> Phil Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Public Relations</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i> <span class="green"> 2 hours ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar3.png" alt="Susan Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-online"></span> Susan Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">HR Management</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 orange"></i> <span class="green"> 20 mins ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar1.png" alt="Jennifer Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-offline"></span> Jennifer Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Graphic Designer</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i> <span class="grey"> 2 hours ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="itemdiv memberdiv">
						<div class="inline pos-rel">
							<div class="user">
								<a href="#"> <img src="${base!}/resources/ace/avatars/avatar3.png" alt="Alexa Doe's avatar">
								</a>
							</div>

							<div class="body">
								<div class="name">
									<a href="#"> <span class="user-status status-offline"></span> Alexa Doe
									</a>
								</div>
							</div>

							<div class="popover">
								<div class="arrow"></div>

								<div class="popover-content">
									<div class="bolder">Accounting</div>

									<div class="time">
										<i class="ace-icon fa fa-clock-o middle bigger-120 grey"></i> <span class="grey"> 4 hours ago </span>
									</div>

									<div class="hr dotted hr-8"></div>

									<div class="tools action-buttons">
										<a href="#"> <i class="ace-icon fa fa-facebook-square blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
										</a> <a href="#"> <i class="ace-icon fa fa-google-plus-square red bigger-150"></i>
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<!-- /section:pages/profile.friends -->
				<div class="hr hr10 hr-double"></div>

				<ul class="pager pull-right">
					<li class="previous disabled"><a href="#">← Prev</a></li>

					<li class="next"><a href="#">Next →</a></li>
				</ul>
			</div>
			<!-- /#friends -->

			<div id="pictures" class="tab-pane">
				<ul class="ace-thumbnails">
					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-1.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-2.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-3.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-4.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-5.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-6.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-1.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>

					<li><a href="#" data-rel="colorbox"> <img alt="150x150" src="${base!}/resources/ace/images/gallery/thumb-2.jpg">
							<div class="text">
								<div class="inner">Sample Caption on Hover</div>
							</div>
					</a>

						<div class="tools tools-bottom">
							<a href="#"> <i class="ace-icon fa fa-link"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-paperclip"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-pencil"></i>
							</a> <a href="#"> <i class="ace-icon fa fa-times red"></i>
							</a>
						</div></li>
				</ul>
			</div>
			<!-- /#pictures -->
		</div>
	</div>
</div>
<script src="${base!}/resources/ace/js/x-editable/bootstrap-editable.js"></script>
<script src="${base!}/resources/ace/js/x-editable/ace-editable.js"></script>

<!--# } #-->